<template>
    <div id="guanggao">
        <a href="#" id="a1">
            <div id="a1_dv1"><p id="a1_p1">百元红包</p><p id="a1_p2">兴业银行联名卡</p></div>
            <img id="a1_img1" src="https://fuss10.elemecdn.com/3/cc/a45d2b9d7d09bbc49b40d4e626093jpeg.jpeg?imageMogr/format/webp/" alt="">
        </a>
        <a href="#" id="a2">
            <div id="a1_dv3">
                <p id="a1_p3">超级会员</p>
                <p id="a1_p4">每月领大额红包</p>
            </div>
            <img id="a1_img2" src="https://fuss10.elemecdn.com/d/eb/c8ad79611ef80216a0b84700d3e0ajpeg.jpeg?imageMogr/format/webp/" alt="">
        </a>
        <a href="#" id="a3">
            <div id="a1_dv4">
                <p id="a1_p5">金币商城</p>
                <p id="a1_p6">0元好物在这里</p>
            </div>
            <img id="a1_img3"  src="https://fuss10.elemecdn.com/8/38/9c9aea0e856149083d84af3444b78jpeg.jpeg?imageMogr/format/webp/" alt="">
        </a>
        <a href="#" id="a4">
            <div id="a1_dv5">
                <p id="a1_p7">推荐有奖</p>
                <p id="a1_p8">5元现金拿不停</p>
            </div>
            <img id="a1_img4" src="https://fuss10.elemecdn.com/6/76/8d42eef97ff4c1c2b671085358541jpeg.jpeg?imageMogr/format/webp/" alt="">
        </a>
        <a href="#" id="a5">
            <div id="a1_dv6">
                <p id="a1_p9">推荐有奖</p>
                <p id="a1_p10">5元现金拿不停</p>
            </div>
            <img id="a1_img5"  src="https://fuss10.elemecdn.com/6/76/8d42eef97ff4c1c2b671085358541jpeg.jpeg?imageMogr/format/webp/" alt="">
        </a>
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="stylus" scoped>
    #guanggao
        margin-bottom 2.8vw
        border-top 1px solid #eee
        position relative
        border-width 1px 0
        box-sizing border-box
        // overflow hidden
        display flex
        background #fff
        flex-wrap wrap
        position relative
        #a1
            position absolute
            justify-content space-between
            align-items normal
            height 42.666667vw
            width 50%
            box-sizing border-box
            padding 5.866667vw 2.933333vw 1.6vw 4.266667vw
            border-right 1px solid #ededed
            display flex
            color #f00
            #a1_dv1
                #a1_p1
                    color rgb(232, 143, 40)
                    line-height 1.2
                    font-size .426667rem
                    margin-bottom 1.6vw
                    overflow hidden
                    white-space nowrap
                    text-overflow ellipsis
                #a1_p2
                    line-height 1.2
                    font-size .32rem
                    color #f00
                    overflow hidden
                    white-space nowrap
                    text-overflow ellipsis
            #a1_img1
                align-self flex-end
                width 20vw
                margin-left -1rem


        #a2
            margin-left 50%
            width 50%
            display flex
            justify-content space-between
            align-items center
            height: 21.333333vw
            padding 0 4vw
            box-sizing border-box
            border-bottom 1px solid #ededed
            #a1_dv3
                max-width 30vw
                #a1_p3
                    color rgb(245, 120, 93)
                    line-height 1.2
                    font-size .426667rem
                    margin-bottom .16rem
                    margin-bottom 1.6vw
                    overflow hidden
                    white-space nowrap
                    text-overflow ellipsis
                #a1_p4
                    line-height 1.2
                    font-size .32rem
                    color #999
                    overflow hidden
                    white-space nowrap
                    text-overflow ellipsis
            #a1_img2
                width 12vw
        #a3
            width 50%
            display flex
            justify-content space-between
            align-items center
            height 21.333333vw
            padding 0 4vw
            box-sizing border-box
            border-bottom 1px solid #ededed
            margin-left 50%
            #a1_dv4
                max-width 30vw
                #a1_p5
                    color rgb(255, 153, 0)
                    line-height 1.2
                    font-size .426667rem
                    margin-bottom .16rem
                    margin-bottom 1.6vw
                    overflow hidden
                    white-space nowrap
                    text-overflow ellipsis
                #a1_p6
                    line-height 1.2
                    font-size .32rem
                    color #999
                    overflow hidden
                    white-space nowrap
                    text-overflow ellipsis
            #a1_img3
                width 12vw
        #a4
            width 50%
            display flex
            border-right 1px solid #ededed
            border-top  1px solid #ededed
            justify-content space-between
            align-items center
            height 21.333333vw
            padding 0 4vw
            border-bottom 1px solid #ededed
            box-sizing border-box
            #a1_dv5
                max-width 30vw
                #a1_p7
                    line-height 1.2
                    font-size .426667rem
                    margin-bottom 1.6vw
                    overflow hidden
                    white-space nowrap
                    text-overflow ellipsis
                    color rgb(27, 169, 225)
                #a1_p8
                    line-height 1.2
                    font-size .32rem
                    color #999
                    overflow hidden
                    white-space nowrap
                    text-overflow ellipsis
            #a1_img4
                width 12vw
        #a5
            width 50%
            display flex
            justify-content space-between
            align-items center
            height 21.333333vw
            padding 0 4vw
            box-sizing border-box
            border-bottom 1px solid #ededed
            #a1_dv6
                max-width 30vw
                #a1_p9
                    color rgb(237, 102, 96)
                    line-height 1.2
                    font-size .426667rem
                    margin-bottom 1.6vw
                    overflow hidden
                    white-space nowrap
                    text-overflow ellipsis
                #a1_p10
                    line-height 1.2
                    font-size .32rem
                    color #999
                    overflow hidden
                    white-space nowrap
                    text-overflow ellipsis
            #a1_img5
                width 12vw


                












</style>


